<template>
	<view>
		<view v-if="goodslist && goodslist[0]" class="rowsb rowsw">
			<view @tap="goShopDet(item.id)" class="w-344 br-10 mb-20" v-for="(item,index) in goodslist" :key="index" style="box-shadow: 0 0 10rpx 10rpx #f8f8f8;">
				<image :src="URL + item.image" mode="aspectFill" class="w-344 h-268 br-10 bgff"></image>
				<view style="padding: 12rpx 20rpx;" class="bgff">
					<view class="fs-26 pb-16 two_overflow">
						赫密尔斯稳肌倍护安瓶稳肌倍护安瓶精油
					</view>
					<view class="rowsb rowsm" v-if="type == 1">
						<view class="one_overflow fs-24 col_FF0000 ">￥<text class="fs-28 fw-600">24</text></view>
						<text class="fs-22 col999">销量: 99</text>
					</view>
					<view class="rowsb rowsm" v-else-if="type == 2">
						<view class="one_overflow fs-24 col_FF0000 "><text class="fs-28 fw-600">26</text>农分</view>
						<view class="w-96 h-44 br-22 rowsc rowsm fs-26 colfff" style="background: #ff7000;">兑换</view>
					</view>
				</view>
			</view>
		</view>
		<view v-else class="tct fs-26 pt-50 pb-30">
			<image src="/static/icon_none.png" class="w-400 h-400"></image>
			<view class="col888 mt-50">暂无相关商家</view>		
		</view>
	</view>
</template>

<script>
	export default {
		name: "goodslist",
		data() {
			return {
				onIndex: -1,
			};
		},
		methods: {
			goInfoDet(id) {//去资讯详情
				this.$tools.goNext(`/pagesOne/index/infoDet/infoDet?id=${id}`)
			},
			goShopDet(id) {//去商品详情
				this.onIndex = -1
				if (this.type == 1) {
					this.goNext(`/pages/index/pagesOne/vipMall/goodsDet?id=${id}`)
				} else if (this.type == 2) {
					this.goNext(`/pages/index/pagesOne/scoreMall/goodsDet?id=${id}`)
				}
				
			}
		},
		props: {
			goodslist: {
				type: Array,
			},
			type: {//1=普通商品 2=积分商品
				type: Number,
				default: 0
			},
			title: {
				type: String
			}
		}
	}
</script>

<style>

</style>
